<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>乐淘商城管理后台首页</title>
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../lib/nprogress/nprogress.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body class="pl-180">
    <div class="lt-aside bg-color1">
      <h4 class="brand">
        <a href="./index.html">乐淘电商</a>
      </h4>
      <div class="info">
        <img src="../manage/images/img1.jpg" alt="" srcset="" />
        <p>超级管理员</p>
      </div>
      <ul class="lt-nav">
        <li>
          <a href="./user.html"
            ><span class="glyphicon glyphicon-user"></span>用户管理</a
          >
        </li>
        <li>
          <a href="./product.html">
            <span class="glyphicon glyphicon-equalizer"></span>
            商品管理
          </a>
        </li>
        <li>
          <a href="#">
            <span class="glyphicon glyphicon-book"></span>
            分组管理
          </a>
          <ul class="second-nav my-hide">
            <li>
              <a href="./cate1.html">一级分类</a>
            </li>
            <li>
              <a href="./cate2.html">二级分类</a>
            </li>
          </ul>
        </li>
      </ul>
    </div>
    <div class="lt-main">
      <div class="lt-topbar pl-180">
        <a href="#" class="menu pull-left ml-10">
          <span class="glyphicon glyphicon-align-justify"></span>
        </a>
        <a
          href="#"
          class="logout pull-right mr-10"
          data-toggle="modal"
          data-target=".model-logout"
        >
          <span class="glyphicon glyphicon-log-out"></span>
        </a>
      </div>
      <div class="lt-content">
        <ol class="breadcrumb">
          <li><a href="./index.html">管理系统</a></li>
          <li><span>仪表盘</span></li>
        </ol>
        <div class="echarts-box">
          <div class="col-sm-6">
            <div class="echart-regist-box" id="chart1"></div>
          </div>
          <div class="col-sm-6">
            <div class="echart-regist-box" id="chart2"></div>
          </div>
        </div>
      </div>
    </div>
    <!-- 退出模态框 -->
    <div class="modal fade model-logout" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            ></button>
            <h4 class="modal-title">温馨提示</h4>
          </div>
          <div class="modal-body">
            <span class="glyphicon glyphicon-alert"></span>
            <span>确定要退出？</span>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">
              取消
            </button>
            <button type="button" class="btn btn-primary" id="btn-logout">
              退出
            </button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>

    <script src="../lib/jquery/jquery.min.js"></script>
    <script src="../lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="../lib/nprogress/nprogress.js"></script>
    <script src="../lib/echarts/echarts.min.js"></script>
    <script src="./js/isLogin.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/charts.js"></script>
    <script src="./js/index.js"></script>
  </body>
</html>
